<style>
*{
	box-sizing :border_box;
	
}
body{
	background-image:url("002.jpg");
}

.bottom ul{
	
	list-style-type:none;
	 margin: 0px;
    padding: 25px 0px;
	 background-color: #4dd2ff;
	overflow:hidden;
	
}
 .nav1{
	
	float:left;	

	
}
.nav2{
	
	float:right;	
	
}
 img.nav1{
	
	width:50px;
	height:50px;
}
li a{

	 padding: 50% 16px;
	color:white;
    text-decoration: none;
    text-align:center;
}
li a:hover {
    background-color: #555;
    color: white;
}
div.p{
	 background-color: #fff;
}
div.ppp{
	float:left;
	 width: 25%;
    height:10%;
	 text-align:center;
	 background-color:white;
	// border:2px solid #000000;
}
div.ppp:hover{
	 background-color:#dddddd;
	 
}
div.ppp a{
	  display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 25%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
div.ppp:hover a{
	display:block;
	height:50%;
}

